<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        <%= typeof title !=='undefined' ? title : 'ISBN QUERY' %>
    </title>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/book-detail.css">
    <!-- <% if (typeof currentPage !=='undefined' && currentPage==='books' && typeof book !=='undefined' ) { %> -->

    <!-- <% } %> -->

    <!-- <% if (typeof currentPage !=='undefined' && currentPage==='search' ) { %>
                <link rel="stylesheet" href="/css/search-detail.css">
                <% } %> -->


    <%- typeof head !=='undefined' ? head : '' %>
        <%- typeof style !=='undefined' ? style : '' %>
</head>

<body>
    <header>
        <div class="header-content">
            <div class="logo">
                <a href="/" style="text-decoration: none; color: inherit;">
                    <h1>ISBN QUERY</h1>
                </a>
            </div>
            <nav>
                <a href="/"
                    class="<%= typeof currentPage !== 'undefined' && currentPage === 'home' ? 'active' : '' %>">Home</a>
                <a href="/books"
                    class="<%= typeof currentPage !== 'undefined' && currentPage === 'books' ? 'active' : '' %>">Books</a>
                <a href="/journals"
                    class="<%= typeof currentPage !== 'undefined' && currentPage === 'journals' ? 'active' : '' %>">Journals</a>
                <a href="/#contact"
                    class="<%= typeof currentPage !== 'undefined' && currentPage === 'contact' ? 'active' : '' %>">Contact
                    Us</a>
            </nav>
            <!-- <div class="location">
                <span>Hi,Singapore</span>
            </div> -->
        </div>
    </header>

    <% if (typeof heroContent !=='undefined' ) { %>
        <%- heroContent %>
            <% } %>

                <main class="main-content">
                    <%- body %>
                </main>

                <% if (typeof scripts !=='undefined' && scripts) { %>
                    <% scripts.forEach(function(script) { %>
                        <script src="<%= script %>"></script>
                        <% }); %>
                            <% } %>

                                <script src="/js/contact.js"></script>
</body>

</html>
